<template>
  <div id="insurance-ad-page">
    <header class="page-header">
      <div class="container header-container">
        <img :src="logoSrc" alt="" class="logo">
        <a href="https://cheputyaimunting.com/click" class="btn btn-primary">Find My Rate ></a>
      </div>
    </header>

    <main class="main-content">
      <div class="container">
        <p class="advertorial-tag">Advertorial - AUTO INSURANCE</p>
        <h1>Scramble After Drivers Learn About Hidden Rebates</h1>
        
        <!-- <p class="author-info"><img :src="authorIconSrc" alt="" class="author-icon"> Church West State Sign</p> -->
        
        <p><strong>September 12, 2025</strong> - There is the 1 simple truth that most drivers don't know about. If more people took advantage of this, the car insurance companies would lose millions of dollars!</p>
        <p>Here is the 1 simple truth according to experts:</p>
        <p><strong>If You:</strong></p>
        <ul class="qualification-list">
          <li>Are Currently Insured</li>
          <li>Are Over The Age Of 30</li>
          <li>Drive Less Than 70 Miles Per Day</li>
          <li>Live In A Qualified Zip Code</li>
        </ul>
        <p>Then you may qualify for one of the highest auto discounts the nation has seen in the last 12 years. If you have not had a traffic ticket in the last 3 years or do not have a DUI on your record, you may get an even larger discount!</p>

        <h2>Has Your Insurance Company Bothered To Tell You About This?</h2>
        <p>Tammy's insurance company did not.</p>
        <p>She needed to <strong>save some money</strong> on bills after she and her husband retired from the post office. Her old boss was always great with money so she reached out for advice.</p>
        <p>He looked over her bills and saw <strong>she was paying triple</strong> what he paid for insurance yet she drove fewer miles than him and had fewer tickets than he did. He told her she needed to fix this ASAP.</p>
        <p>Her husband Harold usually handled all the insurance bills but he had the flu and was in no shape to call anyone. So Tammy was forced to do her own research.</p>
        <p>Tammy entered her zip code at <a href="#">Insure.com</a> and was truly stunned when she saw how much more expensive her local insurance agency had been for the last 8 years.</p>
        <p><strong>"Insure" was very easy to use and very helpful. It is hard deciding where to get insurance and the site made it so much easier. I will certainly continue to use it for my insurance needs"</strong>, wrote Tammy in her review on 'Clearsurance'.</p>
        <p>When adults go to <a href="#">trusted sites</a> they get an unbiased view of the best rates in their area that INCLUDE any and all local and state discounts. Current data shows you could save up to $694 a year on car insurance.</p>
        <p><strong>Here is the lesson to learn</strong> - NEVER buy insurance without comparing rates on sites that are unbiased AND include updated auto rates which factor in eligible discounts.</p>
        <p>As an authority on everything insurance, we decided to put this service to the test and after entering our zip code and driver information we were shocked at the results we found.</p>

        <div class="comparison-container">
          <img :src="oldPremiumSrc" alt="Old insurance premium statement" class="premium-image">
          <img :src="newPremiumSrc" alt="New insurance premium statement" class="premium-image">
        </div>

        <div class="note-box">
          <strong>Note:</strong> You're NEVER LOCKED into your current policy. If you've already paid your bill, you can very easily cancel, and be refunded your balance.
        </div>

        <h2>Here's How You Do It</h2>
        
        <!-- === 修改点 1: Step 1 链接 === -->
        <p><strong>Step 1:</strong> <a href="https://cheputyaimunting.com/click">Click your state below to instantly get your rate online.</a></p>
        <p><strong>Step 2:</strong> Once you enter your zip code and go through a few questions, you will have the opportunity to check for the best carrier quotes in your area for a savings of up to $694 a year.</p>

        <div class="map-section">
          <h3>Select Your State:</h3>
          <!-- === 修改点 2: 地图图片链接 === -->
          <a href="https://cheputyaimunting.com/click" class="map-link">
            <img :src="mapOnlySrc" alt="Map of the United States" class="map-image">
          </a>
          <!-- === 修改点 3: 按钮链接 === -->
          <a href="https://cheputyaimunting.com/click" class="btn btn-secondary find-rate-btn">FIND MY RATE - ENTER ZIP CODE ></a>
        </div>
      </div>
    </main>

    <!-- footer 已被注释掉 -->
    <!-- <footer class="page-footer"> ... </footer> -->
  </div>
</template>

<script>
export default {
  name: "InsuranceAdvertorial",
   metaInfo: {
    meta: [
      {
        'http-equiv': 'delegate-ch',
        content: 'sec-ch-ua https://cheputyaimunting.com; sec-ch-ua-mobile https://cheputyaimunting.com; sec-ch-ua-arch https://cheputyaimunting.com; sec-ch-ua-model https://cheputyaimunting.com; sec-ch-ua-platform https://cheputyaimunting.com; sec-ch-ua-platform-version https://cheputyaimunting.com; sec-ch-ua-bitness https://cheputyaimunting.com; sec-ch-ua-full-version-list https://cheputyaimunting.com; sec-ch-ua-full-version https://cheputyaimunting.com'
      }
    ],
    style: [
      { type: 'text/css', cssText: '.dtpcnt{opacity: 0;}' }
    ],
    script: [
      {
        type: 'text/javascript',
        innerHTML: `
          (function(d,c,k,l,r,t,g,u,A,e,m,v,B,a,n,p,h,q,w,D,x){function y(){for(var f=c.querySelectorAll(".dtpcnt"),b=0,a=f.length;b<a;b++)f[b][u]=f[b][u].replace(/(^|\\s+)dtpcnt($|\\s+)/g,"")}function C(a,b,d,e){var f=new Date;f.setTime(f.getTime()+(e||864E5));c.cookie=a+"="+b+"; "+d+"samesite=Strict; expires="+f.toGMTString()+"; path=/";k.setItem(a,b);k.setItem(a+"-expires",f.getTime())}function z(a){var b=c.cookie.match(new RegExp("(^| )"+a+"=([^;]+)"));return b?b.pop():k.getItem(a+"-expires")&&+k.getItem(a+
"-expires")>(new Date).getTime()?k.getItem(a):null}x=":"===d.location.protocol?"secure; ":"";d[e]||(d[e]=function(){(d[e].q=d[e].q||[]).push(arguments)},p=c[r],c[r]=function(){p&&p.apply(this,arguments);if(d[e]&&!d[e].hasOwnProperty("params")&&/loaded|interactive|complete/.test(c.readyState))for(;a=c[t][m++];)/\\/?click\\/?($|(\\/[0-9]+)?$)/.test(a.pathname)&&(a[g]="javascrip"+d.postMessage.toString().slice(4,5)+":"+e+'.l="'+a[g]+'",void 0')},setTimeout(function(){(q=/[?&]cpid(=([^&#]*)|&|#|$)/.exec(d.location.href))&&
q[2]&&(h=q[2],w=z("vl-"+h));var f=z("vl-cep"),b=location[g];if("savedCep"===B&&f&&(!h||"undefined"===typeof h)&&0>b.indexOf("cep=")){var e=-1<b.indexOf("?")?"&":"?";b+=e+f}a=c.createElement("script");n=c.scripts[0];a.defer=1;a.src=v+(-1===v.indexOf("?")?"?":"&")+"lpref="+l(c.referrer)+"&lpurl="+l(b)+"&lpt="+l(c.title)+"&vtm="+(new Date).getTime()+(w?"&uw=no":"");a[A]=function(){for(m=0;a=c[t][m++];)/dtpCallback\\.l/.test(a[g])&&(a[g]=decodeURIComponent(a[g]).match(/dtpCallback\\.l="([^"]+)/)[1]);y()};
n.parentNode.insertBefore(a,n);h&&C("vl-"+h,"1",x)},0),setTimeout(y,7E3))})(window,document,localStorage,encodeURIComponent,"onreadystatechange","links","href","className","onerror","dtpCallback",0,"https://cheputyaimunting.com/d/.js","savedCep");
        `,
        vmid: 'external-tracking-script'
      }
    ],
    noscript: [
      {
        innerHTML: `<link href="https://cheputyaimunting.com/d/.js?noscript=true&lpurl=" rel="stylesheet"/>`
      }
    ]
  },
  data() {
    return {
      // 在这里填入你自己的图片地址
      logoSrc: '',
      authorIconSrc: '',
      oldPremiumSrc: 'https://smartlifestyletrends.com/wp-content/uploads/2024/07/before-768x455.jpg', // 左边的旧保单图片
      newPremiumSrc: 'https://smartlifestyletrends.com/wp-content/uploads/2024/07/after-768x448.jpg', // 右边的新保单图片
      mapOnlySrc: 'https://www.the-home-experts.com/us-windows/img/map2.png'
    };
  }
};
</script>

<style scoped>
/* General Styling */
#insurance-ad-page {
  font-family: Arial, Helvetica, sans-serif;
  color: #333;
  line-height: 1.6;
  background-color: #fff;
}

.container {
  max-width: 800px;
  margin: 0 auto;
  padding: 0 15px;
}

h1, h2, h3 {
  color: #2c3e50;
  font-weight: bold;
}

h1 {
  font-size: 2.2em;
  margin-bottom: 10px;
}

h2 {
  font-size: 1.5em;
  margin-top: 30px;
  margin-bottom: 15px;
  border-bottom: 1px solid #eee;
  padding-bottom: 5px;
}

h3 {
    font-size: 1.2em;
    text-align: center;
    margin-bottom: 20px;
    color: #007bff;
}

p {
  margin-bottom: 15px;
}

a {
  color: #007bff;
  text-decoration: none;
}
a:hover {
  text-decoration: underline;
}

strong {
    font-weight: bold;
}

/* Header */
.page-header {
  background-color: #fff;
  padding: 10px 0;
  border-bottom: 2px solid #00a99d;
}

.header-container {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.logo {
  height: 35px;
}

.btn {
  display: inline-block;
  padding: 8px 16px;
  border-radius: 5px;
  color: #fff;
  font-weight: bold;
  text-align: center;
}

.btn-primary {
  background-color: #8bc34a;
  border: 1px solid #7daf42;
}
.btn-primary:hover {
    background-color: #7daf42;
    text-decoration: none;
}


/* Main Content */
.main-content {
  padding: 20px 0;
}

/* 强制内容区内的文本左对齐 */
.main-content .container {
  text-align: left;
}

/* 只有需要居中的元素才单独设置 */
.advertorial-tag {
  color: #6c757d;
  font-size: 0.9em;
  text-align: center;
}

.author-info {
  font-size: 0.9em;
  color: #666;
  margin-bottom: 20px;
  display: flex;
  align-items: center;
}

.author-icon {
  width: 16px;
  height: 16px;
  margin-right: 8px;
}

.qualification-list {
  list-style-type: disc;
  padding-left: 0; /* 移除默认缩进 */
  list-style-position: inside; /* 让项目符号在文本块内部, 实现左对齐 */
  margin-bottom: 15px;
}

.comparison-container {
  display: flex;
  justify-content: center;
  align-items: flex-start;
  flex-wrap: wrap; 
  gap: 15px;
  margin: 30px 0;
}

.premium-image {
  max-width: 100%;
  width: 350px; 
  height: auto;
}

.note-box {
  background-color: #f8f9fa;
  border: 1px solid #dee2e6;
  padding: 15px;
  margin: 20px 0;
  border-radius: 5px;
}

/* Map Section */
.map-section {
  text-align: center;
  margin-top: 30px;
}

.map-link {
  display: inline-block; /* 确保链接不会占据整行 */
  line-height: 0; /* 移除图片下方的额外空间 */
}

.map-image {
    max-width: 100%;
    height: auto;
    display: block;
    margin: 0 auto;
}

.find-rate-btn {
  background-color: #8bc34a;
  border: 1px solid #7daf42;
  margin-top: 20px;
  padding: 12px 24px;
  font-size: 1.1em;
}
.find-rate-btn:hover {
    background-color: #7daf42;
    text-decoration: none;
}

/* Footer (styles are kept in case you re-enable it) */
.page-footer {
  background-color: #00a99d;
  padding: 20px 0;
  margin-top: 30px;
}
.footer-container {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
}
.logo-footer {
    height: 30px;
    margin-bottom: 10px;
    filter: brightness(0) invert(1); /* Makes the logo white */
}
.footer-links a {
    color: #fff;
    font-size: 0.9em;
}
</style>